layui.use(['element','jquery'], function(){
  var element = layui.element,$=layui.$;
  $(function(){
	  DrawImg1();
  })
  element.on('tab(tab-echart)',function(data){
	if($(this).attr('index')==1)
		DrawImg1()
	else if($(this).attr('index')==2)	
		DrawImg2()
	else if($(this).attr('index')==3)
		DrawImg3()
	else if($(this).attr('index')==4)
		DrawImg4()
	else if($(this).attr('index')==5)
		DrawImg5()
	else if($(this).attr('index')==6)
		DrawImg6()
	else if($(this).attr('index')==7)
		DrawImg7()
  })

});



function DrawImg1(){
	//获取数据
	// var XData = $("#hfXData1").val().split(',');
	// var YData = $("#hfYData1").val().split(',');
	var XData=['1999','2000','2001','2002','2003']
	var YData=['30','40','70','10','30']

	// 基于准备好的dom，初始化echarts实例
	var myChart = echarts.init(document.getElementById('dImg1'));

	// 指定图表的配置项和数据
	var option = {
		tooltip: {
			trigger: 'axis'
		},
		grid: {
			left: '5%',
			right: '5%',
			bottom: '5%',
			containLabel: false
		},
		xAxis: [
			{
				type: 'category',
				boundaryGap: false,
				data: XData
			}
		],
		yAxis: [
			{
				type: 'value'
			}
		],
		series: [
			{
				name: '卷数',
				type: 'line',
				areaStyle: { normal: {} },
				data: YData
			}
		]
	};
	// 使用刚指定的配置项和数据显示图表。
	myChart.setOption(option);
}

function DrawImg2() {
    //获取数据
    // var XData = $("#hfXData2").val().split(',');
    // var YData = $("#hfYData2").val().split(',');
	var XData=['永久','长期','短期']
	var YData=[3000,6000,9000]
    // 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('dImg2'));

    // 指定图表的配置项和数据
    var option = {
        tooltip: {},
        grid: {
            left: '5%',
            right: '5%',
            bottom: '5%'
        },
        xAxis: [
            {
                data:XData
            }
        ],
        yAxis: [
            {
                type: 'value'
            }
        ],
        series: [
            {
                name: '卷数',
                type: 'bar',
                data:YData
            }
        ]
    };
    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
}

function DrawImg3() {
    //获取数据
    var XData=['1999','2000','2001','2002','2003']
    var YData=['30','40','70','10','30']

    // 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('dImg3'));

    // 指定图表的配置项和数据
    var option = {
        tooltip: {
            trigger: 'axis'
        },
        grid: {
            left: '5%',
            right: '5%',
            bottom: '5%',
            containLabel: false
        },
        xAxis: [
            {
                type: 'category',
                boundaryGap: false,
                data: XData
            }
        ],
        yAxis: [
            {
                type: 'value'
            }
        ],
        series: [
            {
                name: '册数',
                type: 'line',
                areaStyle: { normal: {} },
                data: YData
            }
        ]
    };
    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
}

function DrawImg4() {
    //获取数据
    var XData=['永久','长期','短期']
    var YData=[3000,6000,9000]

    // 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('dImg4'));

    // 指定图表的配置项和数据
    var option = {
        tooltip: {},
        grid: {
            left: '5%',
            right: '5%',
            bottom: '5%'
        },
        xAxis: [
            {
                data: XData
            }
        ],
        yAxis: [
            {
                type: 'value'
            }
        ],
        series: [
            {
                name: '册数',
                type: 'bar',
                data: YData
            }
        ]
    };
    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
}

function DrawImg5() {
    //获取数据
    var XData=['永久','长期','短期']
    var YData=[3000,6000,9000]

    var len = XData.length;
    var Datas = new Array();//创建一个数组
    for (var i = 0; i < len; i++) {
        Datas.push({ value: YData[i], name: XData[i] });
    }

    // 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('dImg5'));

    // 指定图表的配置项和数据
    var option = {
        tooltip: {
            trigger: 'item',
            formatter: "{a} <br/>{b} : {c} ({d}%)"
        },
        series: [
            {
                name: '卷数',
                type: 'pie',
                radius: '55%',
                data: Datas,
                itemStyle: {
                    emphasis: {
                        shadowBlur: 10,
                        shadowOffsetX: 0,
                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                    }
                }
            }
        ]
    };
    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
}

function DrawImg6() {
    //获取数据
    var XData=['永久','长期','短期']
    var YData=[3000,6000,9000]

    var len = XData.length;
    var Datas = new Array();//创建一个数组
    for (var i = 0; i < len; i++) {
        Datas.push({ value: YData[i], name: XData[i] });
    }

    // 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('dImg6'));

    // 指定图表的配置项和数据
    var option = {
        tooltip: {
            trigger: 'item',
            formatter: "{a} <br/>{b} : {c} ({d}%)"
        },
        series: [
            {
                name: '册数',
                type: 'pie',
                radius: '55%',
                data: Datas,
                itemStyle: {
                    emphasis: {
                        shadowBlur: 10,
                        shadowOffsetX: 0,
                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                    }
                }
            }
        ]
    };
    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
}

function DrawImg7() {
    //获取数据
    var XData=['正卷','副卷']
    var YData=[3000,6000]

    var len = XData.length;
    var Datas = new Array();//创建一个数组
    for (var i = 0; i < len; i++) {
        Datas.push({ value: YData[i], name: XData[i] });
    }

    // 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('dImg7'));

    // 指定图表的配置项和数据
    var option = {
        tooltip: {
            trigger: 'item',
            formatter: "{a} <br/>{b} : {c} ({d}%)"
        },
        series: [
            {
                name: '册数',
                type: 'pie',
                radius: '55%',
                data: Datas,
                itemStyle: {
                    emphasis: {
                        shadowBlur: 10,
                        shadowOffsetX: 0,
                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                    }
                }
            }
        ]
    };
    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
}